<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>主页</title>
        <link rel="stylesheet" href="../css/index.css">
        <link rel="stylesheet" href="../css/finace.css">
        <link rel="stylesheet" href="../css/accounting.css">
    </head>
    <body>
        <!-- 左侧导航 -->
        <div class="left-nav" id="nav">
            <div class="head clearFix">
                <div class="head-icon clearFix"></div>
                <div class="head-word">挖财</div>
            </div>
            <ul>
                <li>
                    <span></span>
                    理财服务</li>
                <li>
                    <span class="second"></span>
                    余额计算</li>
                <li>
                    <span class="third"></span>
                    支付方式</li>
                <li>
                    <span class="fourth"></span>
                    记账</li>
                <li>
                    <span class="fifth"></span>
                    筛选账单</li>
            </ul>
        </div>
        <!-- 右侧内容 -->
        <div class="right" id="content">
            <div class="right-card">
                <div class="title" id="div">理财服务</div>
                <ul>
                    <li class="show">
                        <form action="/finance" method="post" id="finace">
                            <div>
                                <input type="text" name="amount" placeholder="理财金额">
                            </div>
                            <div>
                                <select name="type">
                                    <option value="yuebao">余额宝</option>
                                    <option value="jd">京东小金库</option>
                                </select>
                            </div>
                            <div>
                                <input type="text" name="days" placeholder="理财天数">
                            </div>
                            <div>
                                <button type="submit">理财</button>
                            </div>
                            </form>
                    </li>
                    <li>
                        <form action="/accounting" method="get" id="accounting">
                            <div>
                                <span>基础金额</span>
                                 <input type="text" name = "cash">
                            </div>
                            <div>
                                <span>收入</span>
                                <input type="text" name = "income">
                            </div>
                            <div>
                                <span>房租</span>
                                <input type="text" name = "rent">
                            </div>
                            <div>
                                <span>支出</span>
                                <input type="text" name = "charges">
                            </div>
                            <div>
                                <span>吃饭</span>
                                <input type="text" name = "eat">
                            </div>
                             <div>
                                <span>招待</span>
                                <input type="text" name = "treat">
                            </div>
                                <span>ktv </span>
                                <input type="text" name = "ktv">
                            <div>
                                <button type="submit">余额</button>
                             </div>
                        </form>
                    </li>
                    <li>
                        <form action="/pay" method="post">
                            <div>
                                <input type="text" name="amount" placeholder="金额">
                            </div>
                            <div>
                                <select name="payType">
                                    <option value="huabei">支付宝花呗</option>
                                    <option value="baitiao">京东白条</option>
                                    <option value="creditCard">信用卡</option>
                                </select>
                            </div>
                            <div>
                                <input type="text" name="stagesCount" placeholder="分期数">
                            </div>
                            <div>
                                <button type="submit">提交</button>
                            </div>
                        </form>
                    </li>
                    <li>
                        <form action="/record",method="POST">
                            <div>
                                <input type="text" name="createTime" placeholder="发生日期，如208/01/10">
                            </div>
                            <div>
                                <input type="text" name="amount" placeholder="金额">
                            </div>
                            <div>
                                <select name="type" >
                                    <option value="收入">收入</option>
                                    <option value="支出">支出</option>
                                    </select>
                            </div>
                            <div>
                                <select name="category">
                                    <option value="房租">房租</option>
                                    <option value="水电">水电</option>
                                    <option value="吃饭">吃饭</option>
                                    <option value="请客吃饭">请客吃饭</option>
                                    <option value="ktv">ktv</option>
                                </select>
                            </div>
                            <button type="submit">记一笔</button>
                        </form>
                    </li>
                    <li>
                        <form action="/search" method="post">
                            <div>
                                <input type="text" name="amount" placeholder="金额">
                            </div>
                            <div>
                                <button type="submit">记一笔</button>
                            </div>
                        </form>
                    </li>
                </ul>
            </div>
        </div>
    </body>
</html>
<script src="../js/index.js"></script>